<ion-header>
  <ion-navbar>
    <ion-buttons start>
      <button ion-button (click)="dismissCLI()">
        <img src="assets/img/back.png" width='15' height='20'>
      </button>
    </ion-buttons>
    <ion-title>美甲师订单</ion-title>
    <ion-buttons end style="text-align: right;">
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-card *ngFor="let item of billList">
    <ion-item>
      <ion-avatar item-start>
        <img src="{{picrooturl}}{{item.buyer_avator}}">
      </ion-avatar>
      <h2>
        <span class="avatar-detail">{{item.order_time}}</span>

        {{item.buyer_name}}
      </h2>
    </ion-item>
    <ion-grid style="background: #fcfafa;">
      <ion-row>
        <ion-col col-3>
          <img style="width:100%;height:100%;" src="{{picrooturl}}{{item.nail_album}}">
        </ion-col>
        <ion-col col-9 class="mydetail">
          <h4>{{item.nail_name}}</h4>
          <p>
            <label>价格 : </label>
            <label>
              <span style="color:red;">￥{{item.order_price}}</span>
            </label>
          </p>
          <p>
            <label>有效期  {{item.nail_expire}}止</label>
          </p>
        </ion-col>
        <!-- <ion-col col-4> -->
        <!-- <button ion-button color="danger" outline  *ngIf="item.order_status == 1">去支付</button>
                <button ion-button color="danger" outline  *ngIf="item.order_status == 4">确认收货</button> -->
        <!-- <button ion-button color="danger" outline>去评价</button> -->
        <!-- </ion-col> -->
      </ion-row>
    </ion-grid>
  </ion-card>





  <!-- <ion-card *ngFor="let item of orderlist, let i = index">
            <ion-item>
              <ion-avatar item-start>
                <img src="{{picrooturl}}{{item.shop_logo}}">
              </ion-avatar>
              <h2>        
                <span class="avatar-detail" *ngIf="item.order_status == -1">交易关闭</span>
                <span class="avatar-detail" *ngIf="item.order_status == 1">未支付</span>
                <span class="avatar-detail" *ngIf="item.order_status == 2">未发货</span>
                <span class="avatar-detail" *ngIf="item.order_status == 4">发货中</span>
                <span class="avatar-detail" *ngIf="item.order_status == 6">交易成功</span>
                <span class="avatar-detail" *ngIf="item.order_status == 7">已完成</span>
        
                {{item.shop_name}}
              </h2>
            </ion-item>
            <ion-grid>
              <ion-row>
                <ion-col col-3>
                  <img src="{{picrooturl}}{{item.goods_pic}}">
                </ion-col>
                <ion-col col-5 class="mydetail">
                  <h4>{{item.goods_name}}</h4>
                  <p>数量X{{item.order_count}} 7天后生效</p>
                  <p>
                    <span>￥{{item.order_price}}</span>￥{{item.service_info.market_price}}</p>
                </ion-col>
                <ion-col col-4>
                  <button ion-button color="danger" outline  *ngIf="item.order_status == 1">去支付</button>
                  <button ion-button color="danger" outline  *ngIf="item.order_status == 4">确认收货</button>
                  <button ion-button color="danger" outline  *ngIf="item.order_status == 6">去评价</button>
                </ion-col>
              </ion-row>
            </ion-grid>
          </ion-card> -->
</ion-content>
